$(() => {
    template.defaults.imports.moment = moment

    //渲染列表函数
    function renderArticleList(res) {
        const html = template('articleListTPL', res)
        $('#articleListBox').html(html)
        $('#pageBox').html(template('pageTPL', res))
    }

    //获取下拉选择框分类数据
    $.ajax({
        type: 'get',
        url: '/categories',
        success(res) {
            const html = template('selectTPL', { data: res })
            $('#category').html(html)
        },
        error() {
            alert('获取分类数据失败!')
        }
    })


    // 获取文章列表数据
    $.ajax({
        type: 'get',
        url: '/posts',
        success(res) {
            renderArticleList(res)
        },
        error() {
            alert('获取数组数据失败!')
        }
    })

    //分页功能
    $('#pageBox').on('click', 'a', function (e) {
        const page = e.target.dataset.page
        $.ajax({
            type: 'get',
            url: '/posts',
            data: { page },
            success(res) {
                renderArticleList(res)
            },
            error() {
                alert('获取数组数据失败!')
            }
        })
    })

    //编辑文章页面
    $('#articleListBox').on('click', '#editBtn', function () {
        location.href = `/admin/post-edit.html?id=${$(this).attr('data-id')}`
    })

    //删除文章
    $('#articleListBox').on('click', '#delBtn', (e) => {
        const id = e.target.dataset.id
        const result = confirm('您确定要删除吗?')
        if (!result) { return false }
        $.ajax({
            type: 'delete',
            url: `/posts/${id}`,
            success(res) {
                location.reload()
            },
            error() {
                alert('删除失败!')
            }
        })
    })
})